<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />  
<meta http-equiv="Pragma" content="no-cache" />  
<meta http-equiv="Expires" content="0" /> 
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<title>询价</title>
 	<link rel="stylesheet" href="../components/bootstrap/dist/css/bootstrap.min.css">  
    <link rel="stylesheet" href="../components/bootstrapValidator/css/bootstrapValidator.css" type="text/css" />
	<script type="text/javascript" src="../components/jquery2.1.1/jquery.min.js"></script>
	<script type="text/javascript" src="../components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../components/bootstrapValidator/js/bootstrapValidator.js"></script>
    <script type="text/javascript" src="../components/hammer/hammer.min.js"></script>
    <script type="text/javascript" src="../components/hammer/jquery.hammer.js"></script>
    
    <script type="text/javascript" src="../js/common/common.js"></script>
    <script type="text/javascript" src="../js/common/wechatCommon.js"></script>
    <script type="text/javascript" src="../js/askingPrice/askingPrice.js"></script>
</head>

<style>
/* Carousel */

#myCarInfos {
    padding: 0 10px 30px 10px;
    margin-top: 10px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
.carousel-caption {
      max-width: 550px; 
      padding: 0 10px;
      margin:0 auto;
      margin-top: 200px;
      text-align:center;
      left:150px;
}

#myCarInfos .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#myCarInfos .carousel-control.left {
    left: -60px;
}
#myCarInfos .carousel-control.right {
    right: -60px;
}
#myCarInfos .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#myCarInfos .carousel-indicators li {
    width: 30px;
    height: 30px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 30px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#myCarInfos .carousel-indicators .active {
    background: #333333;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 100px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


</style>
<body>


<div id="myTabContent" class="tab-content">
	<!--一级预约界面  -->
	<div id="askingPriceForm" class="container formValidate tab-pane fade" style="padding: 10px 10px 0px 10px"
	                 data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
	                 data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
	                 data-bv-feedbackicons-validating="glyphicon glyphicon-refresh">
	
		<div id="existLoveModeDiv" class="container" style="display: none;padding-right:0px;padding-left:0px;">
			<div data-wow-delay="0.2s">
				<div id="myCarInfos" class="carousel slide" data-ride="carousel"></div>
			</div>
		</div>
	
		<div id="noLoveModelDiv" class="container" align="center">
				<table>
				  <tr>
				      <td width='25%' align='left' valign='middle'>
				           <h6  style='font: bolder;color: #000'><a href='#' class='selectBrandSeries''><span class='packageNameSpan'>请选择心仪车型</span><span class='glyphicon glyphicon-chevron-right'></span></a></h6>
				       </td>
				      <td width="35%" align="center"><img id="seriesImageApNoLoveModel" src="../images/allCar.png" width="150" height="150" class="img-responsive" alt="Generic placeholder thumbnail"></td>
				      <td width="45%" align="center"><div class="attachSelectModelPackageDiv"></div><h6><span>指导价：</span><span class="guidePriceAp"></span></h6> <p><h6><font color="red"><span>本店价：</span><span class="localPriceAp"></span><font></h6></p></td>
				  </tr>
				</table>
		
<!-- 		    <table>
		        <tr align="center">
		           <td width='50%' align="right"><img id="seriesImageApNoLoveModel" src="../images/allCar.png" width="150" height="150" class="img-responsive" alt="Generic placeholder thumbnail"></td>
		           <td width='10%'>
		           <td width='40%' align="left">
						        <h6><a class="selectBrandSeries" href="#"><span class="packageNameSpan">请选择心仪车型</span><span class="glyphicon glyphicon-chevron-right"></span></a></h6>
						        <p><h6><span>指导价：</span><span class="guidePriceAp"></span></h6></p>
						        <p><h6><font color='red'><span>本店价：</span><span class="localPriceAp"></span></font></h6></p>
		           </td>
		        </tr>
		    </table>
 -->		</div>
		
        <input type="hidden" id="defaultBrandCode">
        <input type="hidden" id="defaultSeriesCode">
        <input type="hidden" id="defaultBrandName">
        <input type="hidden" id="defaultSeriesName">
        <input type="hidden" id="defaultModelCode">
        <input type="hidden" id="defaultPackageCode">
        <input type="hidden" id="defaultPackageCode_ex">
        <input type="hidden" id="defaultColorId">
		
		<div class="form-group has-feedback">
		  <input type="text" id="personalName_askingPrice" name="personalName_askingPrice" style="padding: 6px 40px" 
		            class="form-control"
		            placeholder="请输入姓名"
					required
	                         data-bv-notempty-message="此项必填">
		  <span class="glyphicon glyphicon-user form-control-feedback" style="left:0;"></span>
		</div>
		
		
		<div class="form-group has-feedback">
		  <input type="text" name="phone_askingPrice" id="phone_askingPrice" style="padding: 6px 40px"
		             class="form-control" 
		             placeholder="请输入手机号码"
					 required
                     data-bv-notempty-message="此项必填"
                     pattern="^1[0-9]{10}$"
                     data-bv-regexp-message="只能是数字,必须是11位且正确输入"
                     minlength="11"
                     maxlength="11"
                     data-bv-stringlength-message="长度至少是11">
		  <span class="glyphicon glyphicon-phone form-control-feedback" style="left:0;"></span>
		</div>
		
		<div class="form-group has-feedback">
		    <select id="salesConsultantId_askingPrice" class="form-control" style="padding: 6px 40px">
		    </select>
		    <span class="glyphicon glyphicon-user form-control-feedback" style="left:0;"></span>
	    </div>
		
		<div class="form-group">
		    <textarea id="askingPriceContent" class="form-control" rows="3" placeholder="请输入您要提交的内容"
		    maxlength="200"
                    data-bv-stringlength-message="长度最大200字符"></textarea>
	    </div>
	    
		
		<p>
		  <button id="submitAskingPrice" type="button" class="btn btn-primary btn-block">提交询价</button>
	    </p>
		
	</div>
	
	<!--二级选择车车系页面  -->
	<div id="carModelExhibitionDiv_askingPrice" class="container tab-pane fade">
	</div>
	
	<!--三级选择具体车系页面  -->
	<div id="carModelExhibitionDetailDiv_askingPrice" class="container tab-pane fade">
			<div class="panel panel-default">
			    <div class="panel-body">
			       <div class="container">
					   <div class="row">
					      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">预约车型</div>
					      <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8"><a class="againSelectBrandSeries" href="#"><span id="modelNameSpan"></span><span class="glyphicon glyphicon-chevron-right"></span></a></div>      
					   </div>
				   </div>
			    </div>
			</div>
	        <h4>选择预约车型</h4>
	        <div id="carModelPackageExhibitionDiv_askingPrice">
	        </div>
	        
	</div>
	
	
</div>

<!-- 模态框（Modal） -->
<div class="modal fade" id="askingPriceModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" align="left">
		<!-- - <button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">
				</button> -->
				<h4 class="modal-title">
					尊敬的客户，您好！
				</h4>
			</div>
			<div class="modal-body">
				您提交的询价信息我们已经收到，我们将尽快为您提供最新报价。请注意查收最新消息，感谢您的关注！
			</div>
			<div class="modal-footer">
			   <center>
					<button type="button" class="btn btn-default" 
							id="askingPriceModalSure">确定
					</button>
			   </center>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

<div class="modal fade" id="selectLoveModelTop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" align="left">
		<!-- - <button type="button" class="close" data-dismiss="modal" 
						aria-hidden="true">
				</button> -->
				<h4 class="modal-title">
					温馨提示：
				</h4>
			</div>
			<div class="modal-body">
				请选择心仪车型！
			</div>
			<div class="modal-footer">
			   <center>
					<button type="button" class="btn btn-default" 
							id="selectLoveModelTopSure">确定
					</button>
			   </center>
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
</html>